<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Enoupps Business Oriented HTML Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href='../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700' rel='stylesheet' type='text/css'>
<!--For FlexSlider -->
<script type="text/javascript" src="../../ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<link rel="stylesheet" href="js/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.flexslider-min.js"></script>
<!--For Menu-->
<script type="text/javascript" src="js/superfish.js"></script>
<script type='text/javascript' src='js/jquery.custom.js?ver=1.0'></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
</head>
<body>
<!--Top jiang test menu-->
<div id="top">
  <div class="top-inner">
    <div id="logo"> <a href="#"><img src="images/logo.png" alt="" border="0" /></a> </div>
    <div id="primary-nav">
      <ul id="menu-primary-menu" class="sf-menu">
        <li><a href="index.html"><span>Home</span></a> </li>
        <li><a href="#" class="sf-with-ul">Features + </a>
          <ul class="sub-menu">
            <li><a href="full-width.html"><span> Full Width</span></a></li>
            <li><a href="blog_post.html"><span>Blog Post Page</span></a></li>
            <li><a href="index_dark.html"><span>Light Skin</span></a></li>
            <li><a href="index_dark.html"><span>Dark Skin</span></a></li>
          </ul>
        </li>
        <li><a href="about.html"><span>About</span></a></li>
        <li><a href="blog.html"><span>Blog</span></a></li>
        <li><a href="portfolio.html"><span>Portfolio</span></a></li>
        <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
      <!-- END #primary-nav -->
    </div>
  </div>
</div>
<!--Banner-->
<div id="banner">
  <div class="banner-inner">
    <div class="flexslider">
      <ul class="slides">
        <li class="blue">
          <div><img src="images/banner-1.jpg"  /> </div>
        </li>
        <li>
          <div> <img src="images/banner-2.jpg"  /> </div>
        </li>
        <li>
          <div> <img src="images/banner-3.jpg"  /> </div>
        </li>
        <li>
          <div> <img src="images/banner-4.jpg"  /> </div>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="pattern"> </div>
<!--Middle section-->
<div id="middle-sdo1">
  <div id="middle">
    <!--Message-->
    <div class="message">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh<br />
      euismod  dunt consectetuer sed diam adut laoreet. </div>
    <!--Feature Box-->
    <div class="gray-box">
      <div class="gray-line">
        <div class="gray-bg">
          <div class="features">
            <h3><img src="images/custmize.png" alt="" />Multi Purpose</h3>
            <p>Lorem ipsum dolor sit amet, consect etur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>
          </div>
          <div class="features">
            <h3><img src="images/folder.png" alt="" width="32" height="32" />Above the Fold</h3>
            <p>Lorem ipsum dolor sit amet, consect etur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>
          </div>
          <div class="features">
            <h3><img src="images/cut.png" alt="" width="32" height="32" />Easy to Customize</h3>
            <p>Lorem ipsum dolor sit amet, consect etur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>
          </div>
          <div class="features">
            <h3><img src="images/charet.png" alt="" width="32" height="32" />Flexible Grids</h3>
            <p>Lorem ipsum dolor sit amet, consect etur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>
          </div>
        </div>
      </div>
    </div>
    <!--Recent Work-->
    <div class="recent-work">
      <div class="work">
        <h2 class="patrn">Recent Work</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
        <a href="#" class="more">View More  &rarr; </a> </div>
      <div class="gallery">
        <ul>
          <li><a href="images/big-img.jpg" rel="prettyPhoto[gallery2]"><img src="images/work1.jpg" alt=""  />Graphic River <span>Print Design</span></a> </li>
          <li><a href="images/big-img.jpg" rel="prettyPhoto[gallery2]"><img src="images/work2.jpg" alt="" />Dietary Counseling <span>Website / Interface Design</span></a> </li>
          <li class="margin0"><a href="images/big-img.jpg" rel="prettyPhoto[gallery2]"><img src="images/work3.jpg" alt="" />Rockable Press <span>Branding</span></a> </li>
        </ul>
      </div>
    </div>
    <!--Who we are-->
    <div class="who-home">
      <h2 class="patrn">Recent Work</h2>
      <img src="images/who-we.jpg" alt="" class="flleft grayborR" />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
      <br />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip .</p>
    </div>
    <!--Tweet Box-->
    <div class="tweet">
      <h2 class="blue">Recent Work</h2>
      <div class="tweet-box">
        <p>@<a href="#">PeterWall</a> Ut ut ullamcorper nulla. Aenean hendrrit nisl ut rius sagitis tristique duis saem. <span class="time">about a hour ago</span></p>
      </div>
      <div class="tweet-box">
        <p>@<a href="#">DesignPre</a> Ut ut ullamcorper nulla. Aenean hendrrit nisl ut rius sagitis tristique duis saem. <span class="time">about 5 hour ago</span></p>
      </div>
    </div>
    <div class="clearfix"> </div>
  </div>
</div>
<!--Middle section End -->
<!--Purchase Box-->
<div class="purchase">
  <div class="gray-line">
    <div class="gray-bg"> &#8220;Enoupp is a fully customizable premium Html multipurpose Theme&#8221;
      <div class="yello-btn"> <a class="purchase-btn" href="default.htm"> Purchase Now </a></div>
    </div>
  </div>
</div>
<!--Footer -->
<div id="footer">
  <div id="footer-inner">
    <div class="client-say">
      <h3>What Our Client Say</h3>
      <img src="images/client.jpg" alt="" class="flleft grayborR" />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
    </div>
    <div class="footer-details">
      <h3>What Our Client Say</h3>
      <div class="address"><img alt="" src="images/address.png"> <strong>Address:</strong> 8/3111 neqar savina vatica
        strat road, India </div>
      <div class="address"><img height="18" width="14" alt="" src="images/phone.png"> <strong>Phone:</strong> +11 (0) 556 - 124 - 1232</div>
      <div class="address"><img height="12" width="15" alt="" src="images/mail.png"> <strong>Email:</strong> <a href="#">www.cssmoban.com</a></div>
    </div>
    <div class="footer-details no-margin">
      <h3>Newsletter</h3>
      <p> Let's keep in touch! Sign up for our newsletter to recieve offers and news.</p>
      <input type="text" class="newsletter" value="Enter your email adress" onfocus="if(this.value=='Enter your email adress')this.value='';" onblur="if(this.value=='')this.value='Enter your email adress';">
    </div>
  </div>
  <!--Footer Info-->
  <div class="Finfo">
    <div class="copyright"> &copy; Copyright 2012 Collect from <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. All Rights Reserved.</div>
    <div class="designby">More Templates <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. </div>
  </div>
</div>
<!--ipt type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-4238664-4']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</scri-->

</body>
</html>
